page{
  background-color: #f6f6f6;
}
.container{
  padding-bottom: 100rpx;
  .banner{
    height: 400rpx;
    image{
      width: 100%;
      height: 400rpx;
    }
  }
  .introduce{
    background-color: #fff;
    color:#333;
    font-size: 30rpx;
    view{
      line-height: 50rpx;
      padding: 20rpx 30rpx;
    }
    .mes{
      border-bottom: 1px solid #f0f0f0;
    }
  }
  .questions{
    margin-top: 30rpx;
    background-color: #fff;
    .switch_nav{
      background-color: #fff;
      font-size: 24rpx;
      display: flex;
      align-items: center;
      color: #999;
      padding: 20rpx 30rpx 0;
      transition: .3s;
      view{
        text-align: center;
        padding: 3rpx 0;
        margin-right: 20rpx;
        transition: .3s;
        font-size: 30rpx;
        color: #999;
      }
      .line{
        width: 50rpx;
        border-bottom: 1px solid #333;
        margin: 0 auto;
        margin-top: 10rpx;
        background-color:#3952fc;
      }
      .actived{
        font-size: 40rpx;
        font-weight: 700;
        color: #3952fc;
        margin-right: 40rpx;
        transition: .3s;
      }
    }
    .evaluate_message{
      padding: 30rpx;
      border-bottom: 1px solid #f0f0f0;
      .top{
        display: flex;
        .headImg{
          position: relative;
          image{
            width: 74rpx;
            height: 74rpx;
            border-radius: 50%;
          }
          .questions_star{
            position:absolute;
            top:-6rpx;
            left:-6rpx;
            width:36rpx;
            height:36rpx;
          }
        }
        .headMes{
          font-size: 30rpx;
          margin-left: 16rpx;
          .title{

          }
          .time{
            font-size: 24rpx;
            color:#999;
          }
        }
      }
      .message{
        .evaluate_specific{
          font-size:32rpx;
          color:#333;
          line-height:50rpx;
          margin:10rpx 0;
          font-weight: 700;
          align-items: center;
          span{
            border-radius:6rpx;
            padding:2rpx 8rpx;
            border:1px solid #e64340;
            font-size:20rpx;
            color:#e64340;
            margin-right:20rpx;
          }
        }
        .question_Img{
          display: flex;
          flex-wrap: wrap;
          margin:10rpx 0 20rpx;
          image{
            width: 160rpx;
            height: 160rpx;
            margin:0 16rpx 20rpx 0;
          }
          image:nth-of-type(4n){
            margin-right: 0;
          }
        }
      }
      .zan{
        font-size: 24rpx;
        color:#333;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .same{
          background-color: #f8f8f8;
          padding: 10rpx 20rpx;
          border-radius: 8rpx;
          display: flex;
          align-items: center;
          span{
            display:block;
            width:0;
            height:0;
            border-width:0 6px 10px;
            border-style:solid;
            border-color:transparent transparent #bdbdbd;/*透明 透明  黄*/
            border-radius: 6rpx;
            margin-right: 10rpx;
          }
        }
        .same1{
          background-color: #f8f8f8;
          border-radius: 8rpx;
          padding: 10rpx 20rpx;
          display: flex;
          color:#3952fc;
          align-items: center;
          span{
            display:block;
            width:0;
            height:0;
            border-width:0 6px 10px;
            border-style:solid;
            border-color:transparent transparent #3952fc;/*透明 透明  黄*/
            margin-right: 10rpx;
            border-radius: 6rpx;
          }
        }
      }
    }
  }
  .add{
    position:fixed;
    bottom:30rpx;
    right:30rpx;
    vertical-align:middle;
    image {
      width:120rpx;
      height:120rpx;
    }
  }
  /*上拉加载*/
  .footer_more{
    color:#999;
    padding:50rpx 0;
    text-align:center;
    font-size:24rpx;
  }
  /*空数据*/
  .empty_message{
    .again_request{
      text-align: center;
    }
  }
  /*海报弹窗*/
  .share_poster{
    width: 100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .show_img{
    position: fixed;
    top:50%;
    left:50%;
    z-index: 99999;
    transform:translate(-50%,-50%);
    background-color: #fff;
    padding:100rpx 80rpx;
    border-radius:20rpx;
    image{
      width: 430rpx;
      height: 430rpx;
    }
    button{
      background-color:#3952fc;
      color:#fff;
      border-radius:60rpx;
      width:90%;
      margin-left:5%;
      padding:0 0;
      margin-top: 100rpx;
      font-size:32rpx;
    }
  }
}